<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>反馈信息(72小时自动关闭)</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_700684_nxz31xbunnl.css">
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/common/common.css">
  <link rel="stylesheet" href="../../css/common/border-1px.css">
  <link rel="stylesheet" href="./feedback.css">
  <link rel="stylesheet" href="../../css/common/magic-input.min.css">
</head>

<body>
  <div class="page-wrap">
    <div class="feedback-request-wrap">
      <!-- 列表 -->
      <div class="page-padding">
        <div class="reward-job-wrap c-reward-item-wrap fx-row fx-row-center">
          <div class="job-img">
            <img class="img-text" src="../../images/headImg.png" alt="" srcset="">
          </div>
          <div class="job-introduce-wrap fx-1">
            <div class="job-introduce fx-row fx-row-center fx-row-space-around">
              <div class="job-left-info fx-1">
                <!-- 工作标题 -->
                <div class="job-title fx-row fx-row-center">
                  <span class="name fx-1 fs-14">网络运营实习生</span>
                  <span class="saraly fs-12">4K-8K</span>
                </div>
                <div class="company-name">
                  斐讯网络科技有限公司
                </div>
                <div class="company-others">
                  上海 / 经验应届毕业生 / 本科
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 步骤 -->
      <div class="step-wrap page-padding">
        <ul class="step-items page-padding fx-row fx-row-center">
          <li class="fx-1 step-item">
            <div class="fx-column">
              <div class="step-num">
                <div class="fx-row fx-row-center">
                  <div class="c-feedback-num fs-14">
                    <span class="active">
                      <i class="iconfont icon-iconfontcheck"></i>
                    </span>
                  </div>
                  <div class="fx-1 line"></div>
                </div>
              </div>
              <div class="c-feedback-step-info">
                <p class="step-info-common fs-12 active">请求中</p>
              </div>
            </div>
          </li>
          <li class="fx-1 step-item">
            <div class="fx-column">
              <div class="step-num">
                <div class="fx-row fx-row-center">
                  <div class="c-feedback-num fs-14">
                    <span class="active">
                      <i class="iconfont icon-iconfontcheck"></i>
                    </span>
                  </div>
                  <div class="fx-1 line"></div>
                </div>
              </div>
              <div class="c-feedback-step-info">
                <p class="step-info-common active fs-12">推荐中</p>
              </div>
            </div>
          </li>
          <li class="fx-1 step-item">
            <div class="fx-column">
              <div class="step-num">
                <div class="fx-row fx-row-center">
                  <div class="c-feedback-num fs-14">
                    <span class="active">
                      <i class="iconfont icon-iconfontcheck"></i>
                    </span>
                  </div>
                  <div class="fx-1 line"></div>
                </div>
              </div>
              <div class="c-feedback-step-info">
                <p class="step-info-common fs-12 active">邀面试</p>
              </div>
            </div>
          </li>
          <li class="step-item">
            <!--最后一个li 没有fx-1的类名-->
            <div class="fx-column">
              <div class="step-num">
                <div class="fx-row fx-row-center">
                  <div class="c-feedback-num fs-14">
                    <span>4</span>
                  </div>
                </div>
              </div>
              <div class="c-feedback-step-info">
                <p class="step-info-common fs-12">已确认</p>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <!-- 间隙 -->
      <div class="placeholder-div"></div>
      <!-- 当前状态 -->
      <div class="feedback-status-wrap page-padding">
        <h4 class="rewardstep-title fs-16">
          <span class="name">当前状态</span>
        </h4>
        <p class="feedback-status-content-wrap fs-14">
          72小时内无推荐人同意推荐，自动关闭
        </p>
        <div class="feedback-status-date fs-13">
          2018-06-10
        </div>
      </div>
      <!-- 间隙 -->
      <div class="placeholder-div"></div>
      <!-- 面试信息 -->
      <div class="feedback-interview-wrap">
        <div class="title-wrap  page-padding fx-row fx-row-center">
          <h4 class="rewardstep-title fx-1 fs-16">
            <span class="name">面试信息</span>
          </h4>
          <div class="feedback-interview-title fs-14">状态</div>
          <div class="feedback-interview-title fs-14">红包</div>
        </div>
        <!-- 面试信息列表 -->
        <div class="feedback-interview-content-wrap">
          <ul class="feedback-interview-content-items">
            <!-- 列表数据 -->
            <li class="c-feedback-interview-content-item-wrap fx-row fx-row-center">
              <!-- 头像 -->
              <div class="feedback-interview-img-wrap">
                <img class="feedback-interview-img" src="../../images/headImg.png" alt="">
              </div>
              <div class="b-1px-b b-1px-t fx-1 feedback-interview-right-wrap">
                <div class="fx-row fx-row-center feedback-interview-right">
                  <!-- 个人信息  -->
                  <div class="feedback-person-info-wrap fx-1">
                    <div class="info-wrap">
                      <span class="name fs-16">景甜 | </span>
                      <span class="post fs-14">运营总监</span>
                    </div>
                    <div class="company fx-1">阿里巴巴</div>
                  </div>
                  <!-- 状态 -->
                  <div class="status-wrap">
                    <span class="status-mark fs-14">自动关闭</span>
                  </div>
                  <!-- 红包 -->
                  <div class="reward-money-wrap">
                    <span class="money-mark fs-14">已退回</span>
                  </div>
                </div>
              </div>
            </li>
            <!-- 列表数据 -->
            <li class="c-feedback-interview-content-item-wrap fx-row  fx-row-center">
              <!-- 头像 -->
              <div class="feedback-interview-img-wrap">
                <img class="feedback-interview-img" src="../../images/headImg.png" alt="">
              </div>
              <div class="b-1px-b fx-1 feedback-interview-right-wrap">
                <div class="fx-row fx-row-center feedback-interview-right">
                  <!-- 个人信息  -->
                  <div class="feedback-person-info-wrap fx-1">
                    <div class="info-wrap">
                      <span class="name fs-16">地理热狗 | </span>
                      <span class="post fs-14">运营总监</span>
                    </div>
                    <div class="company fx-1">阿里巴巴</div>
                  </div>
                  <!-- 状态 -->
                  <div class="status-wrap">
                    <span class="status-mark fs-14">自动关闭</span>
                  </div>
                  <!-- 红包 -->
                  <div class="reward-money-wrap">
                    <span class="money-mark fs-14">已退回</span>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <!-- 提示 -->
      <div class="page-padding">
        <div class="feedback-tips-wrap ">
          <div class="fx-row fx-row-center">
            <p class="tips-text fs-12 fx-1">您的推荐请求72小时内无任何推荐人为您推荐，我们已自动关闭您的推荐请求，如有需要请再次发起请求。</p>
            <i class="iconfont icon-guanbi close"></i>
          </div>
        </div>
      </div>
    </div>
  </div>

</body>
<script src="../../asset/js/rem.js"></script>

</html>